.liste-articles-img-left article {
    margin-bottom: 45px
  }

  .liste-articles-img-left article::after {
    clear: both;
    content: "";
    display: block
  }

  .liste-articles-img-left article::before {
    clear: both;
    content: "";
    display: block
  }

  .liste-articles-img-left article:first-of-type {
    margin-top: 20px
  }

  .liste-articles-img-left article .item-img {
    margin-bottom: 15px
  }

  .liste-articles-img-left article .item-img img {
    max-height: 180px
  }

  .liste-articles-img-left article p:not(:last-of-type) {
    margin-bottom: 10px
  }

  .liste-articles-img-left article header {
    margin-bottom: 10px
  }

  .liste-articles-img-left article header h3 {
    margin-bottom: 5px
  }

  .liste-articles-img-left article header p.publish-date-cat {
    font-size: 90%;
    color: #999;
    font-weight: 600
  }

  @media screen and (min-width: 595px) {
    .liste-articles-img-left article .item-img {
      width: 180px;
      float: left;
      margin-bottom: 0
    }

    .liste-articles-img-left article .item-content {
      margin-left: 200px
    }
  }

  @media screen and (min-width: 768px) {
    .liste-articles-img-left article {
      margin-bottom: 50px
    }

    .liste-articles-img-left article:first-of-type {
      margin-top: 0
    }

    .liste-articles-img-left article header {
      margin-bottom: 15px
    }

    .liste-articles-img-left article header h3 {
      margin-bottom: 8px
    }

    .liste-articles-img-left article header p.publish-date-cat {
      font-size: 100%
    }
  }

  .liste-articles-img-left article:last-of-type {
    margin-bottom: 0px
  }

  .liste-articles-img-left.img-medium .item-img img {
    max-height: none;
    max-width: 60%
  }

  @media screen and (min-width: 595px) {
    .liste-articles-img-left.img-medium .item-img {
      width: 200px
    }

    .liste-articles-img-left.img-medium .item-img img {
      max-width: 100%
    }

    .liste-articles-img-left.img-medium .item-content {
      margin-left: 220px
    }
  }

  @media screen and (min-width: 992px) {
    .liste-articles-img-left.img-medium .item-img {
      width: 280px
    }

    .liste-articles-img-left.img-medium .item-content {
      margin-left: 300px
    }
  }

  .liste-articles-img-left.img-bigger article .item-img img {
    max-height: none
  }

  @media screen and (min-width: 768px) {
    .liste-articles-img-left.img-bigger .item-img {
      width: 250px
    }

    .liste-articles-img-left.img-bigger .item-content {
      margin-left: 270px
    }
  }

  @media screen and (min-width: 992px) {
    .liste-articles-img-left.img-bigger .item-img {
      width: 375px
    }

    .liste-articles-img-left.img-bigger .item-content {
      margin-left: 395px
    }
  }

  @media screen and (min-width: 595px) {
    .liste-articles-img-left.flex-vertical-center article {
      display: flex;
      align-items: center
    }

    .liste-articles-img-left.flex-vertical-center .item-img {
      width: 200px;
      flex-grow: 0;
      margin-right: 20px
    }

    .liste-articles-img-left.flex-vertical-center .item-img img {
      max-width: 100%
    }

    .liste-articles-img-left.flex-vertical-center .item-content {
      margin-left: 0;
      flex: 1 1 0
    }
  }

  @media screen and (min-width: 992px) {
    .liste-articles-img-left.flex-vertical-center .item-img {
      width: 280px
    }

    .liste-articles-img-left.flex-vertical-center .item-content {
      margin-left: 0
    }
  }

  .h-cart {
    position: relative;
    width: 413.55px;
    height: 98px;
    color: #fff;
    font-size: 35px;
    background-color: #ff6c00;
    margin: 0 0 20px;
    padding: 14px 28px 14px 0;
  }
  
  .h-cart::before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 0px;
    left: -2000px;
    width: 2000px;
    height: 100%;
    background-color: #ff6c00;
  }
  .item-content > header{
    padding:20px 0 0;
}